<template>
<div>
    <!-- <el-page-header @back="goBack" :content="title" style="margin-bottom : 30px;"></el-page-header> -->
  <el-table
    :data="list"
    style="width: 100%">
    <el-table-column
      label="ID"
      width="180">
      <template slot-scope="scope">
        <i class="el-icon-lock"></i>
        <span style="margin-left: 10px">{{scope.row.bid}}</span>
      </template>
    </el-table-column>
    <el-table-column
      label="客户反馈信息"
      width="180">
      <template slot-scope="scope">
        <el-popover placement="top">
          <div slot="reference" class="name-wrapper">
            <el-tag size="medium">{{ scope.row.backmassage }}</el-tag>
          </div>
        </el-popover>
      </template>
    </el-table-column>
    <el-table-column label="状态">
      <template>
        <el-tag effect="dark" type="success">已读</el-tag>
      </template>
    </el-table-column>
  </el-table>
</div>
</template>


<script>
export default {
 data() {
      return {
      pageSize : 10,
      total : 100,
      page : 1,
      state : 0,
      list : [
        /* {
          Backmessage : '卧槽，假货，退钱'
        } */
      ]
      }
    },
    watch : {
        state(){
            this.getData()
        }
    },
    created(){
    this.getData()
  },
    methods: {
      goBack(){
        this.$router.back()
      },
      getData() {
        console.log(this.$route.query.bid);
        this.$http({
          url: "/admin/notice/getOne",
          params: {
            bid: this.$route.query.bid
          },
        }).then((res) => {
          console.log(res);
          this.list.push(res)
          this.page = res.page;
          this.pageSize = res.pageSize;
          this.total = res.count;
        });
      },
    }
  
}
</script>

<style>

</style>